<template>
  <div class="chart-container hide-scroller-bar">
    <div style="height: 35%; min-height: 200px">
      <DestinationRank />
    </div>
    <div style="height: 30%; min-height: 160px">
      <VisitorChange />
    </div>
    <div style="height: 35%; min-height: 200px">
      <VisitorRecord />
    </div>
  </div>
</template>

<script>
import { defineComponent } from "vue";
// 昨日访客目的地排行
import DestinationRank from "./DestinationRank.vue";
// 近1月访客量变化
import VisitorChange from "./VisitorChange.vue";
// 访客来访记录
import VisitorRecord from "./VisitorRecord.vue";

export default defineComponent({
  name: "FlowRight",
  components: {
    DestinationRank,
    VisitorChange,
    VisitorRecord,
  },
});
</script>

<style lang="less" scoped>
@import "../../styles/common.less";
</style>
